<!--挑选农家-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>向往的生活家——挑选农家</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/user/logo.ico" />
		<!-- 引入 Bootstrap -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link rel="stylesheet" href="css/base.css" />
        <!--导航样式-->
        <link rel="stylesheet" href="css/navigation.css"/>
        <!--主页样式-->
        <link rel="stylesheet" href="css/index.css" />
        <!--城市选项卡-->
        <!--<link rel="stylesheet" type="text/css" href="css/citylist.css"/>-->
        <!--本页样式-->
        <link rel="stylesheet" href="css/farmer'sfamily/farmer'sfamily.css" />
        
	</head>
	<body>
		<!--头部 start-->
		<script type="text/javascript" src="js/top.js" ></script> 
		<!--头部 end-->
		
		<!--主体 start-->
		<!--城市选项 start-->
		<div class="family_city container">
			<div class="row" style="display: block;">
				<div class="placenew">
			        <span>您所在位置：</span>
			        <a href="/home/index">目的地</a><i>></i>
			        <a href="/scenic/index">城市</a><i>></i>
			        <a href="/scenic/list" class="active">开州</a>
			        <a href="farmersform.html" class="qydz">定制农家</a>
			   </div>
			</div>
			
			<div class="s_m" >
				 <div class="container-fluid">				 	
				 	<div class="search_box">
				 		<div class="search_input">
				 			<input type="text" placeholder="请输入农家乐名" />
				 		</div>
				 		<div class="">
					 		<input type="button" class="search_btn" value="搜索" />
					 	</div>
				 	</div>
				 	<div class="search_city">
				 		<div class="">
				 	 	    <select  >
				 	 	    	<option value="">选择城市</option>
	                     		<option value="渝北">渝北</option>
	                     		<option value="九龙坡">九龙坡</option>                     	
	                     		<option value="沙坪坝">沙坪坝</option>                     	
	                     		<option value="南岸">南岸</option>                    	
	                    		<option value="巴南">巴南</option>                    	
	                     		<option value="北碚">北碚</option>                     	
	                     		<option value="永川">永川</option>                     	
	                     		<option value="大足">大足</option>                     	
	                     		<option value="奉节">奉节</option>                     	
	                     		<option value="南川">南川</option>                     	
	                     		<option value="涪陵">涪陵</option>                     	
	                     		<option value="武隆">武隆</option>                     	
	                     		<option value="万州">万州</option>                    	
	                     		<option value="开县">开县</option>                    	
	                     		<option value="巫溪">巫溪</option>                     	
	                     		<option value="石柱">石柱</option>                     	
	                     		<option value="酉阳">酉阳</option>                     	
	                     		<option value="秀山">秀山</option>                     	
	                     		<option value="綦江">綦江</option>                     	
	                     		<option value="云阳">云阳</option>                     	
	                     		<option value="彭水">彭水</option>                     	
	                     		<option value="潼南">潼南</option>                     	
	                     		<option value="铜梁">铜梁</option>                     	
	                     		<option value="荣昌">荣昌</option>                     	
	                     		<option value="璧山">璧山</option>                     	
	                     		<option value="梁平">梁平</option>                     	
	                     		<option value="城口">城口</option>                     	
	                     		<option value="丰都">丰都</option>                     	
	                     		<option value="垫江">垫江</option>                     	
	                     		<option value="忠县">忠县</option>                     	
	                     		<option value="巫山">巫山</option>                     	
	                     		<option value="大渡口区">大渡口区</option>                     	
	                     		<option value="黔江区">黔江区</option>                     	
	                     		<option value="长寿区">长寿区</option>                     	
	                     		<option value="江北区">江北区</option>                    	
	                     		<option value="江津区">江津区</option>                    	
	                     		<option value="合川区">合川区</option>                    	
	                     		<option value="万盛区">万盛区</option>                     	
	                     		<option value="渝中">渝中</option>                     	                     
	                  		</select>
				 	 </div>
				 	 <div class="">
				 	 	<select <!--onmousedown="if(this.options.length>6){this.size=7}" onblur="this.size=0" onchange="this.size=0"-->>
				 	 		<option value="">选择主题</option>
                     		<option value="周末旅游">周末旅游</option>
                     		<option value="户外活动">户外活动</option>                    	
                     		<option value="避暑山庄">避暑山庄</option>                    	
                     		<option value="热门垂钓">热门垂钓</option>                    	
                     		<option value="热门采摘">热门采摘</option>                    	
                     		<option value="最爱小镇">最爱小镇</option>                                       
                  		</select>
				 	 	
				 	 </div>
				 	 <div class="">
				 	 	<select >
				 	 			<option value="">选择季节</option>
	                     		<option value="春季">春季</option>                     	
	                     		<option value="夏季">夏季</option>                     	
	                     		<option value="秋季">秋季</option>                    	
	                     		<option value="冬季">冬季</option>                    	                    
	                  </select>
				 	 </div>
				 
				 	</div>
				 	
				 
				 </div>
			</div>
			
			
			<div class="row">
				<div class="renjun" >
                    <div class="renjiuDiv">
                    	<div class="row">
                    		<div class="col-md-1 col-xs-3 col-sm-2">
                    			<div class="renjunleft">
			                       	 选择城市:
			                    </div>
                    		</div>
                    		<div class="city_cont">
                    			<div class="col-md-1 col-xs-3 col-sm-2">
									<a href="/scenic/list?city=4">
		                                <span class="kuang no">不限</span>
		                            </a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=56">渝北</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=59">九龙坡</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=60">沙坪坝</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=61">南岸</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=62">巴南</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=63">北碚</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=76">永川</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=77">大足</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=78">奉节</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=79">南川</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=80">涪陵</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=83">武隆</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=180">万州</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=182">开县</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=183">巫溪</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=184">石柱</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=186">酉阳</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=187">秀山</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=188">綦江</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=189">云阳</a>
								</div>
								
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=190">彭水</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu mod">
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=242">潼南</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=243">铜梁</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=244">荣昌</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=245">璧山</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=246">梁平</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=247">城口</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=248">丰都</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=249">垫江</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=250">忠县</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=251">巫山</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=256">大渡口</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu mod">
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=259">黔江区</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=261">长寿区</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=262">江北区</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=263">江津区</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=264">合川区</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=401">万盛区</a>
								</div>
								<div class="col-md-1 col-xs-3 col-sm-2 diqu">
									<a href="/scenic/list?city=4&amp;quyu=402">渝中</a>
								</div>
                    		</div>
							
                    	</div>
                    </div>
                </div>
				<div class="renjun" >
	                    <div class="renjiuDiv">
	                    	<div class="row">
	                    		<div class="col-md-1 col-xs-3 col-sm-2">
	                    			<div class="renjunleft">
				                       	 选择主题:
				                    </div>
	                    		</div>
	                    		<div class="city_cont">
	                    			<div class="col-md-1 col-xs-3 col-sm-2">
										<a href="/scenic/list?city=4">
			                                <span class="kuang no">不限</span>
			                            </a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=56">周末旅游</a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=59">户外活动</a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=60">避暑山庄</a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=61">热门垂钓</a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=62">热门采摘</a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=62">最爱小镇</a>
									</div>
	                    		</div>								
	                    	</div>
	                    </div>
	                </div>
				<div class="renjun" >
	                    <div class="renjiuDiv">
	                    	<div class="row">
	                    		<div class="col-md-1 col-xs-3 col-sm-2">
	                    			<div class="renjunleft">
				                       	选择季节:
				                    </div>
	                    		</div>
	                    		<div class="city_cont">
	                    			<div class="col-md-1 col-xs-3 col-sm-2">
										<a href="/scenic/list?city=4">
			                                <span class="kuang no">不限</span>
			                            </a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=56">春季</a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=59">夏季</a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=60">秋季</a>
									</div>
									<div class="col-md-1 col-xs-3 col-sm-2 diqu">
										<a href="/scenic/list?city=4&amp;quyu=61">冬季</a>
									</div>
	                    		</div>								
	                    	</div>
	                    </div>
	                </div>
					
					
					
			
			
			</div>
		
		</div>
		
			
		<!--城市选项 end-->
		
		<!--显示图 start-->
		<div class="content container" style="display: block;" >
			<div class="container">
			    <div class="choose"> 
			        <div class="row">
			            <div class="col-md-12 wow bounceInDown bg-green animated" >
			                <!-- 选项卡菜单 -->
			                <ul class="nav nav-pills navbar-default  " >
			                    <li class=""><a href="#today"  role="tab" data-toggle="tab">个性化推荐、为你量身打造</a></li>			                  
			                </ul>
			            </div>
			        </div>
			    </div>  
			    <!--第二部分-->
			    <div class="row">
		            <div class="col-md-12">
		                <div class="tab-content">
		                    <!--今日推荐-->
		                    <div role="tabpanel" class="tab-pane active" id="today">
		                         <!--1-->
		                        <div class="product-item wow fadeInUp animated  col-lg-3 col-md-4 col-sm-6 col-xs-11" data-wow-duration="1s" data-wow-delay="0.25s">
		                            <div class="pro-img">
		                    			<img src="img/today/wulong.jpg"/>
		                    		</div>
		                            <div class="pro-info">
			                    		<p class="pro-tit">
			                    			<i class="pro-tag">景区门票<span class="pro-tag-line">|</span></i>
											武隆天生三桥龙水峡地缝一日游
			                    		</p>
				                        <p class="pro-price"><dfn><i>¥</i>285</dfn>起 
				                            <del><i>¥</i>380</del>
				                            <span class="buyBtn">查看详情</span>
										</p>
		                    		</div>
		                        </div>
		                        <!---->
		                        <div class="product-item wow fadeInUp animated  col-lg-3 col-md-4 col-sm-6 col-xs-11" data-wow-duration="1s" data-wow-delay="0.5s">
		                            <div class="pro-img">
		                    			<img src="img/today/leheledu.jpg"/>
		                    		</div>
		                            <div class="pro-info">
			                    		<p class="pro-tit">
			                    			<i class="pro-tag">景区门票<span class="pro-tag-line">|</span></i>
											乐和乐都乐园主题公园
			                    		</p>
				                        <p class="pro-price"><dfn><i>¥</i>180</dfn>起 
				                            <del><i>¥</i>200</del>
				                            <span class="buyBtn">查看详情</span>
										</p>
		                    		</div>
		                        </div>
		                        <!-- 三峡神女水-->
		                        <div class="product-item wow fadeInUp animated  col-lg-3 col-md-4 col-sm-6 col-xs-11" data-wow-duration="1s" data-wow-delay="0.75s">
		                            <div class="pro-img">
		                    			<img src="img/today/sanxia.jpg"/>
		                    		</div>
		                            <div class="pro-info">
			                    		<p class="pro-tit">
			                    			<i class="pro-tag"> 景区门票<span class="pro-tag-line">|</span></i>
											三峡神女水陆线往返三日游（船去船回）
			                    		</p>
				                        <p class="pro-price"><dfn><i>¥</i>900</dfn>起 
				                            <del><i>¥</i>1500</del>
				                            <span class="buyBtn">查看详情</span>
										</p>
		                    		</div>
		                        </div>
		                        <!--山城印象一日游-->
		                        <div class="product-item wow fadeInUp animated  col-lg-3 col-md-4 col-sm-6 col-xs-11" data-wow-duration="1s" data-wow-delay="1s">
		                            <div class="pro-img">
		                    			<img src="img/today/sahncheng.jpg"/>
		                    		</div>
		                            <div class="pro-info">
			                    		<p class="pro-tit">
			                    			<i class="pro-tag">景区门票<span class="pro-tag-line">|</span></i>
											山城印象一日游
			                    		</p>
				                        <p class="pro-price"><dfn><i>¥</i>60</dfn>起 
				                            <del><i>¥</i>90</del>
				                            <span class="buyBtn">查看详情</span>
										</p>
		                    		</div>
		                        </div>
		                        	
		                        <!---->
		                        <div class="product-item wow fadeInUp animated  col-lg-3 col-md-4 col-sm-6 col-xs-11" data-wow-duration="1s" data-wow-delay="0.5s">
		                            <div class="pro-img">
		                    			<img src="img/today/yunyang.jpg"/>
		                    		</div>
		                            <div class="pro-info">
			                    		<p class="pro-tit">
			                    			<i class="pro-tag">景区门票<span class="pro-tag-line">|</span></i>
											云阳龙缸、云端廊桥、万州大瀑布二日
			                    		</p>
				                        <p class="pro-price"><dfn><i>¥</i>220</dfn>起 
				                            <del><i>¥</i>280</del>
				                            <span class="buyBtn">查看详情</span>
										</p>
		                    		</div>
		                        </div>
		                        <!--彭水阿依河峡谷（乌江画廊）、篝火晚会、九黎城二日游-->
		                        <div class="product-item wow fadeInUp animated  col-lg-3 col-md-4 col-sm-6 col-xs-11" data-wow-duration="1s" data-wow-delay="0.75s">
		                            <div class="pro-img">
		                    			<img src="img/today/pengshui.jpg"/>
		                    		</div>
		                            <div class="pro-info">
			                    		<p class="pro-tit">
			                    			<i class="pro-tag">景区门票<span class="pro-tag-line">|</span></i>
											彭水阿依河峡谷（乌江画廊）、篝火晚会、九黎城二日游
			                    		</p>
				                        <p class="pro-price"><dfn><i>¥</i>180</dfn>起 
				                            <del><i>¥</i>148</del>
				                            <span class="buyBtn">查看详情</span>
										</p>
		                    		</div>
		                        </div>
		                        <!--万盛-->
		                        <div class="product-item wow fadeInUp animated  col-lg-3 col-md-4 col-sm-6 col-xs-11" data-wow-duration="1s" data-wow-delay="1s">
		                            <div class="pro-img">
		                    			<img src="img/today/leheledu.jpg"/>
		                    		</div>
		                            <div class="pro-info">
			                    		<p class="pro-tit">
			                    			<i class="pro-tag">景区门票<span class="pro-tag-line">|</span></i>
											 万盛梦幻奥陶纪主题公园、云端廊桥一日游
			                    		</p>
				                        <p class="pro-price"><dfn><i>¥</i>190</dfn>起 
				                            <del><i>¥</i>220</del>
				                            <span class="buyBtn">查看详情</span>
										</p>
		                    		</div>
		                        </div>
		                        <!--重庆市内-->
		                        <div class="product-item wow fadeInUp animated col-lg-3 col-md-4 col-sm-6 col-xs-11" data-wow-duration="1s" data-wow-delay="1.25s">
		                            <div class="pro-img">
		                    			<img src="img/today/cq_1.jpg"/>
		                    		</div>
		                            <div class="pro-info">
			                    		<p class="pro-tit">
			                    			<i class="pro-tag">景区门票<span class="pro-tag-line">|</span></i>
											重庆市内+长江索道+两江夜景游一日游
			                    		</p>
				                        <p class="pro-price"><dfn><i>¥</i>85</dfn>起 
				                            <del><i>¥</i>120</del>
				                            <span class="buyBtn">查看详情</span>
										</p>
		                    		</div>
		                        </div>
		                    </div> 
		                </div>
		            </div>
		        </div>
				    <!---->
			</div>
		</div>
		
		<!---->
		<!--显示图 end-->
		
		<!--当屏幕小于750px时，显示底部 start-->
		<div class="bot-fiex" style="height: 110px;"></div>
		<div class="fixed-btm _j_sort_html" >
			<div class="btn-group">
				<a class="btn-add _j_not_login" href="farmersform.html">定制农家</a>
			</div>
		</div>
		<!--当屏幕小于750px时，显示底部 end-->
		
		<!--返回顶部-->	
		<div class="gotop" style="display: none;">
	        	<span><img src="img/top.png" ></span>
	    </div>	
		<!--主体 end-->
		<script type="text/javascript" src="js/foot.js" ></script>
   
		
	</body>
	
	<!--引用js-->
    <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
    <!--滚动 js-->
    <script type="text/javascript" src="js/wow.min.js" ></script>
    <script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
    <!--首页 js--> 
    <!--<script src="js/index.js" type="text/javascript" charset="utf-8"></script>-->
    <script type="text/javascript">	
	  $(document).ready(function(){ 
	  		/*--------初始化滚动效果---------*/
	  		new WOW().init();
	  		
		　　 $.get("top.html",function(data){ //初始將a.html include div#iframe
		　　　   　$("#a").html(data);
		　 　});
			
			/*-------------进入商家详情页面-------------------*/
			$(".buyBtn").click(function(){
		  		 window.location.href='details.html';
		  		})
			});
			
			/*---------点击城市显示重庆各个区域地方--------*/	
			$(".renjunleft").click(function(){
				$(".city_cont").toggle();
			})
	</script>
	
</html>
